*{
	margin: 0;padding: 0;
}
html{
	background: url(../img/detback.gif);
	font-size: 10px;
}
html,body {
	height: 100%;
}
header{
	height: 46rem;
	margin: auto;
	background: url(../img/lip.jpg);
	overflow: auto;
	border-bottom-left-radius: 1.5rem;
	border-bottom-right-radius: 1.5rem;
}
header .title{
	height: 15rem;
	text-align: center;
	margin: 10rem auto;
	color: #6a9eff;
	font-size: 10rem;
	font-weight: bold;
	line-height: 10rem;
	
}
header .notes span{
	width:65rem;
	height: 5rem;
	margin: auto;
	padding: 2rem;
	display: flex;

	flex-direction: column;
	text-align: center;
	overflow: hidden;
}
header .notes .note{
	
	padding: 1rem;
	font-size: 4rem;
	color: white;
	background-color: darkgray;
	border-radius: 0.8rem;
	opacity: 0.5;
	line-height:4rem ;
	margin-top: -8rem;
}
header .notes .stop-time{
	height: 6rem;
	padding: 1rem;
	font-size: 5rem;
	margin: 3rem auto;
	border-radius: 0.5rem;
	color: #ff4955;
}

.main{
	display: flex;
	flex-direction: column;
	height: 85%;
	overflow: auto;
}
.main .details{
	width: 95%;
	display: flex;
	flex-direction: column;
	margin: 2rem auto;
	border: #aaffff solid;
	box-shadow:  0 0 6px 0 #666;
	border-radius: 2rem;
	overflow:auto;
}

.main .details .if-thumb{
	width: 80%;height: 8rem;
	margin: 2rem auto;
	font-size: 5rem;
	line-height: 8rem;
	text-align: center;
	border: #666666 solid;
	border-radius: 1rem;

}

.main .details .picture{
	width: 94%;
	margin: 1rem auto;
	display: flex;
	
}
.main .details .picture img{
	width: 55rem;
	margin:  auto;
	border-radius: 2rem;
	box-shadow:  0 0 6px 0 #666;
}
.main .details .info{
	width: 45%;height: 8rem;
	display: flex;
	flex-direction: row;
	margin: 2rem auto;
	background-color: #c6ffca;
	border-radius: 1.5rem;
	overflow: auto;
	justify-content: space-around;
	line-height: 8rem;
	
}
.main .details .info #name{
	font-size: 5rem;
	text-align: center;
	color: #535353;

}

.main .details .info #thumbs{
	font-size: 6rem;
	text-align: center;
	color: #efef77;
	font-weight: bold;
}

.main .bottom{
	width: 100%;
	height:18rem ;
	bottom: 0;
	background-color: #FF4955;
	position: fixed;
}

footer{
	height: 18rem;
	width: 100%;
	background-color: aqua;
	position: fixed;
	display: flex;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	justify-content: space-around;
	bottom: 0;
	overflow: auto;
}
footer .option{
	height: 18rem;
	width: 33rem;
	background-color: antiquewhite;
	font-size: 6rem;
	text-align: center;
	line-height: 18rem;
	border:#55aaff solid;
	border-radius: 1rem;	
}
a{
	text-decoration: none;
	color: #c972ff;
}